Skip to content

Add base styles visual tests for button #8948

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 6 commits into from
Apr 23, 2025
Merged

Conversation

web-padawan
Copy link
Member

Description

Created setup for base styles visual tests and added those for button package.

To run, use yarn test:base. To update screenshots per component, run yarn update:base --group button etc.

Note: some states are apparently missing (especially hover and active) but I added test cases regardless.

Type of change

  • Tests

jouni and others added 5 commits April 7, 2025 12:04
* refactor!: Button base styles

* remove `--vaadin-icon-size` prop definition

* rename some props

- bg → background.
- use "container" consistently.
* refactor!: text-field base styles

* add "helper-above-field" variant to dev page

* add an example with long texts to the dev page

* add `--vaadin-input-field-require-indicator-color` prop

* remove commented code

* Update common.js

* fix: adjust readonly focus styles
@web-padawan web-padawan requested a review from jouni April 15, 2025 07:50
@web-padawan web-padawan force-pushed the base-styles branch 2 times, most recently from ee5b8fe to ce4b0e6 Compare April 22, 2025 12:14
@jouni jouni merged commit c2de6f9 into base-styles Apr 23, 2025
0 of 9 checks passed
@jouni jouni deleted the base-styles-visual-tests branch April 23, 2025 08:08
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants